<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>登录注册页面</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../style/css/login.css">
    <link rel="stylesheet" type="text/css" href="../style/font/iconfont.css">
</head>
<body>
<div class="header"><a class="logo"><img src="../images/loginImg/new-logo_memebox-china.png"></a></div>
<div class="hd_bg">
    <!--登录页面-->
    <div id="login" style="display: none">
        <div class="box right">
            <div class="content">
                <form id="login_form">
                    <p class="left">登录MEMEBOX帐号</p><a href="javascript:void(0)" class="right" id="skip_register_btn">立即免费注册>></a>
                    <!--login 表单验证错误提示-->
                    <!--<div class="l_erro">-->
                        <!--<i></i>-->
                        <!--<span>账号或密码不正确，请重新输入</span>-->
                    <!--</div>-->


                    <input type="text" name="uname" placeholder="请输入账号"/>
                    <input type="text" name="upwd" placeholder="请输入密码"/>
                    <!--login 密码输入少于6位数提醒-->
                    <!--<div>最少6位字符</div>-->
                    <button type="button" id="login_btn">登录</button>
                    <a href="http://cn.memebox.com/customer/account/forgotpassword/" class="right">忘记密码？</a>
                    <div class="clear"></div>
                </form>
            </div>
            <div class="third_party">
                <span class="left">第三方账号登录：</span>
                <a href="https://graph.qq.com/oauth/show?which=Login&display=pc&response_type=code&client_id=101344181&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin%3Fchannel%3D&state=memebox_qq_59c4a44c0e7243.48299504&display=" class="qq" class="right"></a>
                <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx2249a19af4b4f8b5&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin&response_type=code&scope=snsapi_login&state=wechat_59c4a42e189155.57989661" class="wechat" class="right"></a>
                <a href="https://api.weibo.com/oauth2/authorize?client_id=1584371588&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin&state=memebox_weibo_59c4a3fe2e5304.10034250&display=" class="weibo" class="right"></a>
            </div>
        </div>
    </div>


    <!--注册页面-->
    <div id="register">
        <div class="box right">
            <div class="content">
                <form id="register_form">
                    <div class="r_top">
                        <p class="left">注册MEMEBOX帐号</p>
                        <a href="javascript:void(0)" class="right" id="skip_login_btn">立即登录>></a>
                    </div>
                    <!--register 表单验证错误提示-->
                    <div class="r_erro" style="display: none">
                        <i></i>
                        <span></span>
                    </div>
                    <input type="text" name="uname" placeholder="请输入有效的手机号码"/>
                    <input type="text" name="upwd" placeholder="请输入6-16位密码"/>
                    <input type="text" placeholder="请输入右侧验证码,点击图片切换验证码"/><button type="button" id="r_code_btn">1542</button>
                    <button type="button" id="register_btn">注册</button>
                    <p class="user_protocol">注册即表示您已认同<span>美美箱用户协议</span></p>
                    <div class="clear"></div>
                </form>
            </div>
            <div class="third_party">
                <span class="left">第三方账号登录</span>
                <a href="https://graph.qq.com/oauth/show?which=Login&display=pc&response_type=code&client_id=101344181&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin%3Fchannel%3D&state=memebox_qq_59c4a44c0e7243.48299504&display=" class="qq" class="right"></a>
                <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx2249a19af4b4f8b5&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin&response_type=code&scope=snsapi_login&state=wechat_59c4a42e189155.57989661" class="wechat" class="right"></a>
                <a href="https://api.weibo.com/oauth2/authorize?client_id=1584371588&redirect_uri=http%3A%2F%2Fcn.memebox.com%2Fcustomer%2Faccount%2Flogin&state=memebox_weibo_59c4a3fe2e5304.10034250&display=" class="weibo" class="right"></a>
            </div>
        </div>
    </div>


</div>
<div id="main">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-xs-3 main_text">
                <div><img src="../images/loginImg/genuine.png"></div>
                <p>100%正品</p>
            </div>
            <div class="col-md-3 col-xs-3 main_text">
                <div><img src="../images/loginImg/low.png"></div>
                <p>优质低价</p>
            </div>
            <div class="col-md-3 col-xs-3 main_text">
                <div><img src="../images/loginImg/deliver.png"></div>
                <p>极速发货</p>
            </div>
            <div class="col-md-3 col-xs-3 main_text">
                <div><img src="../images/loginImg/refund.png"></div>
                <p>退换无忧</p>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-xs-4 foot_lt">
                <img src="../images/loginImg/szj.jpg">
                <p>关于我们</p>
                <div class="third_logo">
                    <img src="../images/loginImg/meme.png">
                    <img src="../images/loginImg/wechat.png">
                    <img src="../images/loginImg/sina.png">
                </div>
            </div>
            <div class="col-md-2 col-xs-2 footer_text">
                <ul>
                    <li class="li_title">关于美美箱</li>
                    <li class="li_text">
                        <a href="#">美美全球</a>
                    </li>
                    <li class="li_text">
                        <a href="#">品牌优势</a>
                    </li>
                    <li class="li_text">
                        <a href="#">消费保障</a>
                    </li>
                    <li class="li_text">
                        <a href="#">线下体验店</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-2 footer_text">
                <ul>
                    <li class="li_title">帮助中心</li>
                    <li class="li_text">
                        <a href="#">常见问题</a>
                    </li>
                    <li class="li_text">
                        <a href="#">账户相关</a>
                    </li>
                    <li class="li_text">
                        <a href="#">包邮政策</a>
                    </li>
                    <li class="li_text">
                        <a href="#">支付相关</a>
                    </li>
                    <li class="li_text">
                        <a href="#">物流相关</a>
                    </li>
                    <li class="li_text">
                        <a href="#">退换政策</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-2 footer_text">
                <ul>
                    <li class="li_title">服务协议</li>
                    <li class="li_text">
                        <a href="#">服务协议</a>
                    </li>
                    <li class="li_text">
                        <a href="#">个人网申协议</a>
                    </li>
                    <li class="li_text">
                        <a href="#">隐私政策</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-2 col-xs-2 footer_text">
                <ul>
                    <li class="li_title">联系我们</li>
                    <li class="li_text">
                        <a href="#">商务合作</a>
                    </li>
                    <li class="li_text">
                        <a href="#">分销合作</a>
                    </li>
                    <li class="li_text">
                        <a href="#">加入我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="service">
    <P>联系客服</P>
    <div>
        <span>客服时间 : 周一~周日(9:00 - 21:00)</span>
        <span>客服热线: 400-720-9967</span>
        <span>客服邮箱 :kf@memeboxglobal.com</span>
    </div>
</div>
<div id="copyright">
    <div class="cr_lt left">
        <span>© 2015 Memebox Corporation. All Rights Reserved.</span>
    </div>
   <div class="cr_rt right">
       <a><img src="../images/loginImg/icon.gif"></a>
       <span>蜜米柏克思（上海）商贸有限公司 </span>
       <span>上海市杨浦区政立路415号中航天盛广场A座6楼 </span>
       <span>沪ICP备14043341号</span>
       <a href="#">营业执照</a>
   </div>
</div>
</body>
</html>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../js/jquery/jquery.cookie.js"></script>
<script src="../js/lib/require.js"></script>
<script src="../js/lib/ajax.js"></script>
<script src="../js/lib/register.js"></script>
<script src="../js/lib/login.js"></script>



























